<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    <title>{$onlineRow['room_name']}_直播间</title>
    {js:jquery}
    <link rel="stylesheet" href="{webroot:plugins/aliyun_live/Theme/pc/css/pc.css}"/>
    <!--[if IE]>
    <style type="text/css">
        li.remove_frame a {
            padding-top: 5px;
            background-position: 0px -3px;
        }
    </style>
    <![endif]-->


    <script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#by").css("overflow-y", "auto");
            $('#iframe-wrap').removeClass().addClass('mobile-width-2');
            $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
            $(this).addClass('active');
        });
    </script>
</head>
<body id="by">
<div id="switcher">
    <div class="center">
        <ul>
            <li class="top2">
                <a href="#">手机二维码预览</a>
                <div class="vm">
                    <div id="output"></div>
                    <p style="color:#808080;margin:10px 0 0 0;">扫一扫，直接在手机上打开</p>
                </div>
            </li>
            <li class="logoTop">
                <a href="javascript:void(0);">{$onlineRow['room_name']}_直播间</a>
                <script type="text/javascript">
                jQuery('#output').qrcode({width:150,height: 150,text: window.location.href});
            </script>
        </ul>
    </div>
</div>

<div id="iframe-wrap">
    <iframe id="iframe" src="{url:/site/live_show/device/mobile/seller_id/$seller_id}" frameborder="0"  width="100%"></iframe>
</div>
</body>
</html>
